<template>
	<view class="nav-tiem font28 color-b3 flex flex-column flex-center">
		<image style="width: 112rpx;height: 112rpx;" :src="dataItem.icon" mode=""></image>
		<text class="text">{{ dataItem.label }}</text>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		dataItem: {
			type: Object,
			default: {}
		}
	})
</script>

<style lang="scss" scoped>
	.nav-tiem {
		width: 152rpx;
		height: 160rpx;
		.text {
			font-size: 28rpx;
			color: #333;
			font-weight: 500;
			padding-top: 16rpx;
		}
	}
</style>
